<template>
  <div class="dashboard-container">
    <div class="app-container">
      <el-card shadow="never">
        <!-- 数据 -->
          <template>
            <el-tabs v-model="activeName">
              <el-tab-pane label="企业信息" name="first">
                <!--form表单
                      model ： 双向绑定的数据对象
                  -->
                  <el-form ref="form" :model="formData" label-width="200px">
                    <el-form-item label="企业名称" >
                      <el-input v-model="formData.name" style="width:250px" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="公司地址">
                      <el-input v-model="formData.companyAddress"  style="width:250px"  disabled></el-input>
                    </el-form-item>
                    <el-form-item label="公司电话">
                      <el-input v-model="formData.companyPhone"  style="width:250px"  disabled></el-input>
                    </el-form-item>
                    <el-form-item label="邮箱">
                      <el-input v-model="formData.mailbox"  style="width:250px"  disabled></el-input>
                    </el-form-item>
                    <el-form-item label="备注">
                      <el-input v-model="formData.remark"  style="width:250px" ></el-input>
                    </el-form-item>
                    <el-form-item>
                      <el-button type="primary">审核</el-button>
                      <el-button>拒绝</el-button>
                    </el-form-item>
                  </el-form>
              </el-tab-pane>
              <el-tab-pane label="账户信息" name="second">账户信息</el-tab-pane>
              <el-tab-pane label="交易记录" name="third">交易记录</el-tab-pane>
            </el-tabs>
          </template>
        <!-- end -->
      </el-card>
     </div>
  </div>
</template>

<script>
import {detail} from '@/api/base/saas-chlient'
export default {
  name: 'saas-clients-table-index',
  data() {
    return {
       activeName: 'first',
       formData :{}
    }
  },
  methods: {
      detail(id){
        detail({id:id}).then(res =>{
          this.formData = res.data.data;
          console.log(id);
          console.log(this.formData);
        })
      }
  },
  // 创建完毕状态
  created() {
   var id =this.$route.params.id;
   this.detail(id)
  },
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.alert {
  margin: 10px 0px 0px 0px;
}
.pagination {
  margin-top: 10px;
  text-align: right;
}
</style>
